<template>
  <div class="Attention">
    <el-row class="header">
      <el-col :span="24">
        <div class="title-top">易特app</div>
        <div class="dv-top"></div>
        <div class="dv-middle"></div>
        <div class="dv-top"></div>
        <div class="title-bottom">热门关注</div>
      </el-col>
    </el-row>
    <div class="Attention-content">
      <el-row>
        <el-col :span="3" :offset="3">减肥食谱</el-col>
        <el-col :span="3" :offset="2">减肥运动</el-col>
        <el-col :span="3" :offset="2">如何减肥</el-col>
        <el-col :span="3" :offset="2">减肥方法</el-col>
      </el-row>
      <el-row>
        <el-col :span="3" :offset="3">瘦腰</el-col>
        <el-col :span="3" :offset="2">瘦腿</el-col>
        <el-col :span="3" :offset="2">便秘</el-col>
        <el-col :span="3" :offset="2">减肥平台期</el-col>
      </el-row>
      <el-row>
        <el-col :span="3" :offset="3">上班族减肥</el-col>
        <el-col :span="3" :offset="2">减肥与生理期</el-col>
        <el-col :span="3" :offset="2">节食减肥</el-col>
        <el-col :span="3" :offset="2">跑步减肥</el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
    export default {
        name: "Attention"
    }
</script>

<style scoped lang="stylus">
.Attention
  height auto
  background-color #F4F4F4
  box-sizing border-box
  margin: 40px 20px 40px;
  font-family: Heebo,sans-serif
  letter-spacing: .1em;
  line-height: 1em;
  color: #888888
  font-size: 17px;
  .header
    margin-bottom 30px
    .title-top
      display: flex
      align-items: center
      justify-content: center
      color: #888888;
      text-transform: capitalize;
    .title-bottom
      display: flex
      align-items: center
      justify-content: center
      color: rgba(0,0,0,0.8)
      font-size: 20px;
      margin-top 20px
      text-transform: capitalize;
    .dv-top
      display: block
      background-color: #888888
      width: 30px
      cursor: inherit
      height: 1px
      margin: auto
    .dv-middle
      background-color: #ff072a
      display: block
      height: 1px
      margin: 2px auto 2px
      padding: 0
      width: 60px
  .Attention-content
    width 70%
    margin 0 auto
    padding-bottom 30px
    box-sizing border-box
    .el-row
      margin-bottom 30px
</style>
